<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Footer</title>
    <!-- 引入外部CSS文件或样式 -->
    <style>
        /* 设置背景颜色和文字颜色 */
        body {
            background-color: #f7f7f7;
            color: #333;
        }

        /* 将footer部分设置为固定定位，覆盖在页面底部 */
        footer {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1;
            background-color: #333;
            color: #fff;
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0 20px;
        }

        /* 根据需要设置链接的样式 */
        footer a {
            color: #fff;
            text-decoration: none;
            margin-left: 10px;
        }
    </style>
</head>
<body>
<footer>
    <!-- footer.jsp页面的内容 -->
    <p>Copyright © 2023
        <a href="#">Your Company Name</a>
        . All Rights Reserved.</p>
</footer>
</body>
</html>
